<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>七组14周小组作业</title>
<style type="text/css">
body{margin: 0;padding: 0;}
div{
    width: 1003px;
    height: 5px;
    margin:0 ;
    text-align: right;
}
#top{
    height: 250px; 
    width: 1003px; 
    background-image: url(../index.htm/admin_top.jpg);
    font-size: 10px;
    background-size: cover;
}
#nav{height: 60px;
    width: 450px;
}
#banner{
    height: 300px;
    width: 450px;
}
#content{height: 8px;}
#footer{
    height: 60px;
    width: 230px;
    background-image: url(../index.htm/index_tools_dlS.gif);
    float: left;
    margin: 0;
}
.content{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.content_left{
    width: 230px;
    height: 50px;
    background-color: beige;
    background-image: url(../index.htm/index_bbs.gif);
    float: left;
    margin: 0;
}
.content_right{
    width: 500px;
    height: 30px;
    background-color: beige;
    background-image: url(../index.htm/index_07.gif);
    float: right;
    margin: 0;
}
</style>
</head>
<body>
<div class="top">
    <a href="#">首页</align></a>
    <a href="#">产品地带</a>
    <a href="#">解决方案</a>
    <a href="#">技术支持</a>
    <a href="#">客户渠道</a>
    <a href="#">论坛</a>
    <p> </p>
    <a href="#">设为首页</a>
    <a href="#">收藏网站</a>
    <a href="#">联系我们</a>
    <a href="#">关于</a>
</div>
<div id="top"></div>
<div id="content">
    <div class="content_left"></div>
    <div class="content_right"></div>
</div>
<div id="nav"></div>
<div id="footer"></div>
<div id="banner"></div>
</body>
</html>
